﻿<%@ Page Title="Quản lí thông tin cơ bản của nhân viên" Language="C#" MasterPageFile="~/Views/MasterPageViews.master"
    AutoEventWireup="true" CodeFile="EmployeesBasic.aspx.cs" Inherits="Views_EmployeesBasic" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<asp:Content ID="ContentHeader" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="ContentChange" ContentPlaceHolderID="ContentPlaceHolderChange" runat="Server">
    <h3 class="header-title">
        <ext:Label StyleHtmlCls="lable-message" StyleHtmlContent="true" ID="lblHeader" runat="server" Text="Quản lí thông tin cá nhân cơ bản của cán bộ nhân viên"
            Icon="BasketGo" />
    </h3>
    <div class="content-sub">
        <%-- Menu icon chức năng --%>
        <ext:Toolbar ID="ToolbarFunctions" runat="server">
            <Items>
                <ext:Button ID="btnAdd" runat="server" Text="Thêm mới" Icon="Add" OnDirectClick="btnAdd_DirectClick" />
                <ext:Button ID="btnUpdate" runat="server" Text="Chỉnh sửa thông tin" Icon="Pencil" OnDirectClick="btnUpdate_DirectClick" />
                <ext:Button ID="btnUpdateAvatar" runat="server" Text="Thay ảnh cá nhân" Icon="PictureEdit" OnDirectClick="btnUpdateAvatar_DirectClick" />
                <ext:Button ID="btnDelete" runat="server" Text="Xóa" Icon="Delete" />
                <ext:Button ID="btnHelp" runat="server" Text="Hỗ trợ" Icon="Help" />
            </Items>
        </ext:Toolbar>
        <%-- Gird Panel lưu thông tin danh sách nhân viên, dạng bảng --%>
        <ext:GridPanel
            ID="GridPanelListEmpsBasic"
            runat="server"
            Title="Danh sách nhân viên"
            Height="300"
            Split="true"
            AutoScroll="True">
            <Store>
                <ext:Store
                    ID="StoreListEmpsBasic"
                    runat="server"
                    OnReadData="StoreListEmpsBasic_ReadData"
                    PageSize="10">
                    <Model>
                        <ext:Model ID="ModelListEmpsBasic" runat="server" IDProperty="EmpID">
                            <Fields>
                                <ext:ModelField Name="EmpID" />
                            </Fields>
                        </ext:Model>
                    </Model>
                </ext:Store>
            </Store>
            <ColumnModel ID="ColumnModelEmpoyeesBasic" runat="server">
                <Columns>
                    <ext:Column ID="Col_ID" runat="server" Text="ID" DataIndex="EmpID" />
                </Columns>
            </ColumnModel>
            <SelectionModel>
                <ext:RowSelectionModel ID="RowSelectionModelListEmpsBasic" runat="server" Mode="Single">
                    <DirectEvents>
                        <Select OnEvent="RowSelected" Buffer="250" />
                    </DirectEvents>
                </ext:RowSelectionModel>
            </SelectionModel>
            <BottomBar>
                <ext:PagingToolbar ID="PagingToolbarEmpBasic" runat="server" BeforePageText="Trang"
                    EmptyMsg="Chưa có dữ liệu" AfterPageText="trên  {0}"
                    DisplayMsg="Hiển thị bản ghi {0} - {1} trên tổng số {2}" RefreshText="Làm mới" LastText="Trang cuối"
                    NextText="Trang tiếp" PrevText="Trang trước" FirstText="Trang đầu" />
            </BottomBar>
        </ext:GridPanel>
    </div>
    <%-- Hiển thị thông tin cơ bản --%>
    <div class="view-info-record">
        <h3 class="header-title">
            <ext:Label StyleHtmlCls="lable-message" StyleHtmlContent="true" ID="LabelViewInformations" runat="server"
                Text="Hiển thị thông tin"
                Icon="Information" />
        </h3>
        <div class="content-info">
            <ext:DisplayField ID="lblViewEmpID" LabelStyle="font-weight: bold" FieldLabel="ID" runat="server" PaddingSpec="5 0 5 0" />
        </div>
    </div>


    <%-- Cửa sổ thêm mới nhân viên --%>
    <ext:Window
        ID="WindowAddEmpsBasic"
        runat="server"
        Title="Thêm mới thông tin cơ bản của cán bộ nhân viên"
        Icon="Add"
        Width="1000"
        BodyStyle="background-color: #fff;"
        Modal="true"
        ShadowMode="Frame"
        Hidden="true"
        Resizable="false">
        <Content>
            <ext:FormPanel
                ID="FormPanelAdd"
                runat="server">
                <Items>
                    <ext:Toolbar ID="ToolbarWindowAdd" runat="server">
                        <Items>
                            <ext:Button ID="btnAddSave" runat="server" Text="Lưu lại" Icon="DiskBlack" />
                            <ext:Button ID="btnAddCancel" runat="server" Text="Đóng" Icon="Stop" />
                            <ext:Button ID="btnAddHelp" runat="server" Text="Giúp" Icon="Help" />
                        </Items>
                    </ext:Toolbar>
                    <ext:Container ID="ContainerMsg" runat="server" Padding="10">
                        <Items>
                            <ext:Label ID="lblFormAddMsg" runat="server" Text="Ok" />
                        </Items>
                    </ext:Container>
                    <ext:Container ID="ContainerAdd" runat="server" Layout="ColumnLayout">
                        <Items>
                            <ext:FieldSet ID="FieldSet2" runat="server" Title="Thông tin cơ bản" Width="320" Margin="4" PaddingSpec="23 10 23 10">
                                <Items>
                                    <ext:TextField ID="TextField1" runat="server" FieldLabel="Số hiệu CBCC" Width="295" />
                                    <ext:TextField ID="TextField2" runat="server" FieldLabel="Họ và đệm" Width="295" />
                                    <ext:TextField ID="TextField3" runat="server" FieldLabel="Tên" Width="295" />
                                    <ext:TextField ID="TextField4" runat="server" FieldLabel="Tên gọi khác" Width="295" />
                                    <ext:TextField ID="TextField5" runat="server" FieldLabel="Email" Width="295" />
                                    <ext:TextField ID="TextField6" runat="server" FieldLabel="Số điện thoại" Width="295" />
                                    <ext:DateField ID="TextField7" runat="server" FieldLabel="Ngày sinh" Width="295" />
                                    <ext:RadioGroup ID="RadioGroup1" runat="server" FieldLabel="Giới tính" Layout="HBoxLayout">
                                        <Items>
                                            <ext:Radio ID="Radio1" runat="server" Checked="true" BoxLabel="Nam" />
                                            <ext:Radio ID="Radio2" runat="server" BoxLabel="Nữ" Margins="0 0 0 10" />
                                        </Items>
                                    </ext:RadioGroup>
                                    <ext:FieldContainer ID="FieldContainer1" runat="server" FieldLabel="Dân tộc" Layout="HBoxLayout" Height="29">
                                        <Items>
                                            <ext:TextField ID="NumberField1" runat="server" Width="65" Margins="0 3 0 0" />
                                            <ext:DisplayField ID="DisplayField1" runat="server" Text="Tôn giáo" />
                                            <ext:TextField ID="NumberField2" runat="server" Width="65" Margins="0 3 0 3" />
                                        </Items>
                                    </ext:FieldContainer>
                                    <ext:Checkbox ID="Checkbox1" runat="server" FieldLabel="Trạng thái" />
                                </Items>
                            </ext:FieldSet>
                            <ext:FieldSet ID="FieldSet3" runat="server" Title="Thông tin cơ bản" Width="320" Margin="4">
                                <Items>
                                    <ext:TextArea ID="TextField8" runat="server" FieldLabel="Nơi sinh" Width="295" Height="72" />
                                    <ext:TextArea ID="TextArea2" runat="server" FieldLabel="Quê quán" Width="295" Height="72" />
                                    <ext:TextArea ID="TextArea3" runat="server" FieldLabel="Hộ khẩu" Width="295" Height="72" />
                                    <ext:TextArea ID="TextArea1" runat="server" FieldLabel="Nơi ở hiện nay" Width="295" Height="70" />
                                </Items>
                            </ext:FieldSet>
                            <ext:FieldSet ID="FieldSetDepartManager" runat="server" Title="Cơ quan, tổ chức quản lý" Width="320"
                                Margin="4">
                                <Items>
                                    <ext:SelectBox ID="SelectBox1" runat="server" FieldLabel="Tỉnh thành" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox2" runat="server" FieldLabel="Quận huyện" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox3" runat="server" FieldLabel="Phường xã" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox4" runat="server" FieldLabel="Cơ quan" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox5" runat="server" FieldLabel="Phòng ban" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                </Items>
                            </ext:FieldSet>
                            <ext:FieldSet ID="FieldSetDepartWork" runat="server" Title="Cơ quan, tổ chức sử dụng" Width="320"
                                Margin="4">
                                <Items>
                                    <ext:SelectBox ID="SelectBox6" runat="server" FieldLabel="Tỉnh thành" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox7" runat="server" FieldLabel="Quận huyện" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox8" runat="server" FieldLabel="Phường xã" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox9" runat="server" FieldLabel="Cơ quan" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox10" runat="server" FieldLabel="Phòng ban" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                </Items>
                            </ext:FieldSet>
                        </Items>
                    </ext:Container>
                </Items>
            </ext:FormPanel>
        </Content>
    </ext:Window>

    <%-- Cửa sổ cập nhật ảnh đại diện --%>
    <ext:Window
        ID="WindowUpdateAvatar"
        runat="server"
        Title="Cập nhật hình ảnh đại diện"
        Icon="Add"
        Width="300"
        Height="450"
        BodyStyle="background-color: #fff;"
        Modal="true"
        ShadowMode="Frame"
        Hidden="true"
        Resizable="false">
        <Content>
            <ext:FormPanel
                ID="FormPanel1"
                runat="server"
                Height="500">
                <Items>
                    <ext:Toolbar ID="ToolbarUploadAvatar" runat="server">
                        <Items>
                            <ext:Button ID="Button1" runat="server" Text="Lưu lại" Icon="DiskBlack" />
                            <ext:Button ID="Button3" runat="server" Text="Đóng" Icon="Stop" />
                            <ext:Button ID="Button4" runat="server" Text="Giúp" Icon="Help" />
                        </Items>
                    </ext:Toolbar>
                    <ext:Container ID="Container2" runat="server" Padding="10">
                        <Items>
                            <ext:Label ID="Label1" Text="Ok" runat="server" />
                        </Items>
                    </ext:Container>
                    <ext:Container ID="Container1" runat="server" Padding="10">
                        <Items>
                            <ext:FileUploadField ID="FileUploadField1" runat="server" Width="270" />
                        </Items>
                    </ext:Container>
                    <ext:FieldContainer ID="Container5" runat="server" Padding="10">
                        <Items>
                            <ext:Image ID="Image1" runat="server" ImageUrl="../Views/Avatars/add_user_256.png" />
                        </Items>
                    </ext:FieldContainer>
                </Items>
            </ext:FormPanel>
        </Content>
    </ext:Window>

    <%-- Cửa sổ cập nhật thông tin cơ bản nhân viên --%>
    <ext:Window
        ID="WindowUpdateEmpBasic"
        runat="server"
        Title="Cập nhật thông tin cơ bản của cán bộ nhân viên"
        Icon="Add"
        Width="1000"
        BodyStyle="background-color: #fff;"
        Modal="true"
        ShadowMode="Frame"
        Hidden="true"
        Resizable="false">
        <Content>
            <ext:FormPanel
                ID="FormPanel2"
                runat="server">
                <Items>
                    <ext:Toolbar ID="Toolbar1" runat="server">
                        <Items>
                            <ext:Button ID="Button2" runat="server" Text="Lưu lại" Icon="DiskBlack" />
                            <ext:Button ID="Button5" runat="server" Text="Đóng" Icon="Stop" />
                            <ext:Button ID="Button6" runat="server" Text="Giúp" Icon="Help" />
                        </Items>
                    </ext:Toolbar>
                    <ext:Container ID="Container3" runat="server" Padding="10">
                        <Items>
                            <ext:Label ID="Label2" runat="server" Text="Ok" />
                        </Items>
                    </ext:Container>
                    <ext:Container ID="Container4" runat="server" Layout="ColumnLayout">
                        <Items>
                            <ext:FieldSet ID="FieldSet1" runat="server" Title="Thông tin cơ bản" Width="320" Margin="4" PaddingSpec="23 10 23 10">
                                <Items>
                                    <ext:TextField ID="TextField9" runat="server" FieldLabel="Số hiệu CBCC" Width="295" />
                                    <ext:TextField ID="TextField10" runat="server" FieldLabel="Họ và đệm" Width="295" />
                                    <ext:TextField ID="TextField11" runat="server" FieldLabel="Tên" Width="295" />
                                    <ext:TextField ID="TextField12" runat="server" FieldLabel="Tên gọi khác" Width="295" />
                                    <ext:TextField ID="TextField13" runat="server" FieldLabel="Email" Width="295" />
                                    <ext:TextField ID="TextField14" runat="server" FieldLabel="Số điện thoại" Width="295" />
                                    <ext:DateField ID="DateField1" runat="server" FieldLabel="Ngày sinh" Width="295" />
                                    <ext:RadioGroup ID="RadioGroup2" runat="server" FieldLabel="Giới tính" Layout="HBoxLayout">
                                        <Items>
                                            <ext:Radio ID="Radio3" runat="server" Checked="true" BoxLabel="Nam" />
                                            <ext:Radio ID="Radio4" runat="server" BoxLabel="Nữ" Margins="0 0 0 10" />
                                        </Items>
                                    </ext:RadioGroup>
                                    <ext:FieldContainer ID="FieldContainer2" runat="server" FieldLabel="Dân tộc" Layout="HBoxLayout" Height="29">
                                        <Items>
                                            <ext:TextField ID="TextField15" runat="server" Width="65" Margins="0 3 0 0" />
                                            <ext:DisplayField ID="DisplayField2" runat="server" Text="Tôn giáo" />
                                            <ext:TextField ID="TextField16" runat="server" Width="65" Margins="0 3 0 3" />
                                        </Items>
                                    </ext:FieldContainer>
                                    <ext:Checkbox ID="Checkbox2" runat="server" FieldLabel="Trạng thái" />
                                </Items>
                            </ext:FieldSet>
                            <ext:FieldSet ID="FieldSet4" runat="server" Title="Thông tin cơ bản" Width="320" Margin="4">
                                <Items>
                                    <ext:TextArea ID="TextArea4" runat="server" FieldLabel="Nơi sinh" Width="295" Height="72" />
                                    <ext:TextArea ID="TextArea5" runat="server" FieldLabel="Quê quán" Width="295" Height="72" />
                                    <ext:TextArea ID="TextArea6" runat="server" FieldLabel="Hộ khẩu" Width="295" Height="72" />
                                    <ext:TextArea ID="TextArea7" runat="server" FieldLabel="Nơi ở hiện nay" Width="295" Height="70" />
                                </Items>
                            </ext:FieldSet>
                            <ext:FieldSet ID="FieldSet5" runat="server" Title="Cơ quan, tổ chức quản lý" Width="320"
                                Margin="4">
                                <Items>
                                    <ext:SelectBox ID="SelectBox11" runat="server" FieldLabel="Tỉnh thành" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox12" runat="server" FieldLabel="Quận huyện" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox13" runat="server" FieldLabel="Phường xã" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox14" runat="server" FieldLabel="Cơ quan" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox15" runat="server" FieldLabel="Phòng ban" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                </Items>
                            </ext:FieldSet>
                            <ext:FieldSet ID="FieldSet6" runat="server" Title="Cơ quan, tổ chức sử dụng" Width="320"
                                Margin="4">
                                <Items>
                                    <ext:SelectBox ID="SelectBox16" runat="server" FieldLabel="Tỉnh thành" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox17" runat="server" FieldLabel="Quận huyện" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox18" runat="server" FieldLabel="Phường xã" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox19" runat="server" FieldLabel="Cơ quan" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                    <ext:SelectBox ID="SelectBox20" runat="server" FieldLabel="Phòng ban" EmptyText="Lựa chọn" Width="295">
                                    </ext:SelectBox>
                                </Items>
                            </ext:FieldSet>
                        </Items>
                    </ext:Container>
                </Items>
            </ext:FormPanel>
        </Content>
    </ext:Window>
</asp:Content>
